/* http://abu-iyad.blogspot.com */
/* Credits: By Santosh Setty (http://abu-iyad.blogspot.com) */
/* http://abu-iyad.blogspot.com/2010/05/blog-post_3377.html*/
.abu-iyad{
position: relative;
padding: 0 0 0 10px;
margin: 0 auto 0 auto;
background: url(http://blogspot.leblogger.com/divers/bleu1.gif) repeat-x;
height: 46px;
list-style: none;
}
.abu-iyad li{
float:left;
}
.abu-iyad li a{
float:left;
display: block;
color:#000;
text-decoration: none;
font-family: sans-serif;
font-size: 13px;
font-weight: bold;
padding:0 0 0 16px;
height: 46px;
line-height: 46px;
text-align: center;
cursor: pointer;
}
.abu-iyad li a b{
float:left;
display: block;
padding: 0 24px 0 8px;
}
.abu-iyad li.current a, .abu-iyad li a:hover{
color: #fff;
background: url(http://blogspot.leblogger.com/divers/bleu2.gif) no-repeat; /*right tab image path*/
background-position: right;
}
.abu-iyad li.current a b, .abu-iyad li a:hover b{
color: #fff;
background: url(http://blogspot.leblogger.com/divers/bleu3.gif) no-repeat left top;
}
.bleu{
background: url(http://blogspot.leblogger.com/divers/bleu1.gif) repeat-x;
}
.bleu li.current a, .bleu li a:hover{
background: url(http://blogspot.leblogger.com/divers/bleu2.gif) no-repeat;
}
.bleu li.current a b, .bleu li a:hover b{
background: url(http://blogspot.leblogger.com/divers/bleu3.gif) no-repeat left top;
}
.vert{
background: url(http://blogspot.leblogger.com/divers/vert1.gif) repeat-x;
}
.vert li.current a, .vert li a:hover{
background: url(http://blogspot.leblogger.com/divers/vert2.gif) no-repeat;
}
.vert li.current a b, .vert li a:hover b{
background: url(http://blogspot.leblogger.com/divers/vert3.gif) no-repeat left top;
}
.orange{
background: url(http://blogspot.leblogger.com/divers/orange1.gif) repeat-x;
}
.orange li.current a, .orange li a:hover{
background: url(http://blogspot.leblogger.com/divers/orange2.gif) no-repeat;
}
.orange li.current a b, .orange li a:hover b{
background: url(http://blogspot.leblogger.com/divers/orange3.gif) no-repeat left top;
}
.violet{
background: url(http://blogspot.leblogger.com/divers/violet1.gif) repeat-x;
}
.violet li.current a, .violet li a:hover{
background: url(http://blogspot.leblogger.com/divers/violet2.gif) no-repeat;
}
.violet li.current a b, .violet li a:hover b{
background: url(http://blogspot.leblogger.com/divers/violet3.gif) no-repeat left top;
}